<!DOCTYPE html>
<html  lang="zh">
<head>
    <meta charset="utf-8" />

<meta name="generator" content="Hexo 4.2.0" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<title>hero学习笔记 - Hexo</title>


    <meta name="description" content="Hexo和Gitee(码云)搭建个人博客记录Hexo简介Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 安装 Hexo前需要提前安装：  Node.js git  []:  1、安装Hexo新建文件夹，比如我这里建立 “hexo_blog” 打开cmd终端或者使用Git Bash Here命令界面">
<meta property="og:type" content="article">
<meta property="og:title" content="hero学习笔记">
<meta property="og:url" content="https://lei929.gitee.io/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:description" content="Hexo和Gitee(码云)搭建个人博客记录Hexo简介Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 安装 Hexo前需要提前安装：  Node.js git  []:  1、安装Hexo新建文件夹，比如我这里建立 “hexo_blog” 打开cmd终端或者使用Git Bash Here命令界面">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://lei929.gitee.io/images/og_image.png">
<meta property="article:published_time" content="2020-03-15T08:19:56.975Z">
<meta property="article:modified_time" content="2020-03-17T00:44:10.774Z">
<meta property="article:author" content="John Doe">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://lei929.gitee.io/images/og_image.png">







<link rel="icon" href="/images/favicon.svg">


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.7.2/css/bulma.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,600|Source+Code+Pro">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/atom-one-light.css">


    
    
<style>body>.footer,body>.navbar,body>.section{opacity:0}</style>

    
    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">

    
    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">

    
    
    
    
<link rel="stylesheet" href="/css/back-to-top.css">

    
    
    
    
    
    
    
    <link rel="stylesheet" href="/css/progressbar.css">
<script src="https://cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
    
    
    


<link rel="stylesheet" href="/css/style.css">
</head>
<body class="is-3-column">
    <nav class="navbar navbar-main">
    <div class="container">
        <div class="navbar-brand is-flex-center">
            <a class="navbar-item navbar-logo" href="/">
            
                <img src="/images/logo.svg" alt="hero学习笔记" height="28">
            
            </a>
        </div>
        <div class="navbar-menu">
            
            <div class="navbar-start">
                
                <a class="navbar-item"
                href="/">主页</a>
                
                <a class="navbar-item"
                href="/archives">归档</a>
                
                <a class="navbar-item"
                href="/categories">分类</a>
                
                <a class="navbar-item"
                href="/tags">标签</a>
                
                <a class="navbar-item"
                href="/about">关于</a>
                
            </div>
            
            <div class="navbar-end">
                
                    
                    <a class="navbar-item" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus">
                        
                        <i class="fab fa-github"></i>
                        
                    </a>
                    
                
                
                <a class="navbar-item is-hidden-tablet catalogue" title="目录" href="javascript:;">
                    <i class="fas fa-list-ul"></i>
                </a>
                
                
                <a class="navbar-item search" title="搜索" href="javascript:;">
                    <i class="fas fa-search"></i>
                </a>
                
            </div>
        </div>
    </div>
</nav>
	
    
	
    <section class="section">
        <div class="container">
            <div class="columns">			
                <div class="column is-6-tablet is-6-desktop is-9-widescreen has-order-2 column-main">
<div class="card">
    
    <div class="card-content article ">
        
        <div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
            <div class="level-left">
                <time class="level-item has-text-grey" datetime="2020-03-15T08:19:56.975Z">2020-03-15</time>
                
                
                <span class="level-item has-text-grey">
                    
                    
                    8 分钟 读完 (大约 1132 个字)
                </span>
                
                
            </div>
        </div>
        
        <h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
            
                hero学习笔记
            
        </h1>
        <div class="content">
            <hr>
<h2 id="Hexo和Gitee-码云-搭建个人博客记录"><a href="#Hexo和Gitee-码云-搭建个人博客记录" class="headerlink" title="Hexo和Gitee(码云)搭建个人博客记录"></a>Hexo和Gitee(码云)搭建个人博客记录</h2><h2 id="Hexo简介"><a href="#Hexo简介" class="headerlink" title="Hexo简介"></a>Hexo简介</h2><p>Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 <a href="http://daringfireball.net/projects/markdown/">Markdown</a>（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。</p>
<p>安装 Hexo前需要提前安装：</p>
<ul>
<li>Node.js</li>
<li>git</li>
</ul>
<p>[]: </p>
<h3 id="1、安装Hexo"><a href="#1、安装Hexo" class="headerlink" title="1、安装Hexo"></a>1、安装Hexo</h3><p>新建文件夹，比如我这里建立 “hexo_blog”</p>
<p>打开cmd终端或者使用Git Bash Here命令界面，输入命令安装：</p>
<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316152342819.png" alt="image-20200316152342819"></p>
<h2 id="1-1-设置cnpm"><a href="#1-1-设置cnpm" class="headerlink" title="1.1 设置cnpm"></a>1.1 设置cnpm</h2><ul>
<li>先设置npm的镜像源为淘宝源，提高下载速度</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install -g cnpm --registry=https://registry.npm.taobao.org</span><br></pre></td></tr></table></figure>

<h2 id="1-2-初始化博客"><a href="#1-2-初始化博客" class="headerlink" title="1.2 初始化博客"></a>1.2 初始化博客</h2><ul>
<li>安装hexo</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">$ cnpm install -g hexo-cli</span><br><span class="line">$ hexo -v</span><br><span class="line">$ hexo init</span><br></pre></td></tr></table></figure>

<ul>
<li><p>init完成后，执行npm install 命令</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install</span><br></pre></td></tr></table></figure>



</li>
</ul>
<ul>
<li><p>执行hexo server命令运行服务，浏览器输入 <a href="http://localhost:4000/">http://localhost:4000</a>访问</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$hexo</span> server</span><br></pre></td></tr></table></figure>

<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316154956833.png" alt="image-20200316154956833"></p>
</li>
</ul>
<h2 id="1-3-安装hexo-成功"><a href="#1-3-安装hexo-成功" class="headerlink" title="1.3 安装hexo 成功"></a>1.3 安装hexo 成功</h2><ul>
<li>这时候代表本地的hexo博客安装成功了。</li>
</ul>
<h2 id="1-4-新建博客文章"><a href="#1-4-新建博客文章" class="headerlink" title="1.4 新建博客文章"></a>1.4 新建博客文章</h2><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$hexo</span> new <span class="string">"第一篇博客"</span></span><br></pre></td></tr></table></figure>

<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316155431906.png" alt="image-20200316155431906"></p>
<p>​    创建好的博客文件目录D:\hexo_blog\source_posts</p>
<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316162959786.png" alt="image-20200316162959786"></p>
<ul>
<li><p>hexo g 命令生成网页文件，文件存放在public目录</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$hexo</span> g</span><br></pre></td></tr></table></figure>



</li>
</ul>
<ul>
<li><p>hexo s 命令 启动本地博客服务，在浏览器中输入localhost:4000/ 查看</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$hexo</span> s</span><br></pre></td></tr></table></figure>



</li>
</ul>
<h2 id="1-5运行测试"><a href="#1-5运行测试" class="headerlink" title="1.5运行测试"></a>1.5运行测试</h2><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$hexo</span> clean  <span class="comment">#用来清理缓存文件</span></span><br><span class="line"><span class="variable">$hexo</span>  g     <span class="comment">#生成文件</span></span><br><span class="line"><span class="variable">$hexo</span>  s     <span class="comment">#运行本地服务器</span></span><br><span class="line"><span class="variable">$hexo</span>  d     <span class="comment">#上传到服务器</span></span><br></pre></td></tr></table></figure>

<h2 id="2-使用icarus-主题"><a href="#2-使用icarus-主题" class="headerlink" title="2.使用icarus 主题"></a>2.使用icarus 主题</h2><p>官方主题：<a href="https://hexo.io/themes/">https://hexo.io/themes/</a></p>
<ul>
<li>方法1：下载icarus主题到本地</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="variable">$git</span> <span class="built_in">clone</span> https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus</span><br></pre></td></tr></table></figure>

<ul>
<li><p>方法2：主题地址：<a href="https://github.com/ppoffice/hexo-theme-icarus">https://github.com/ppoffice/hexo-theme-icarus</a></p>
<p>下载主题解压到根目录hexo-bolg\themes文件夹下，文件夹名简写icarus</p>
</li>
<li><p>在站点配置文件（D:\hexo_blog\themes）<strong>_config.yml</strong>中将主题改为icarus</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Site</span></span><br><span class="line">title: Hexo</span><br><span class="line">subtitle: <span class="string">''</span></span><br><span class="line">description: <span class="string">''</span></span><br><span class="line">keywords:</span><br><span class="line">author: John Doe</span><br><span class="line">language: zh-CN   <span class="comment">#语言改为中文</span></span><br><span class="line">timezone: <span class="string">''</span></span><br></pre></td></tr></table></figure>



</li>
</ul>
<ul>
<li><p>在icarus主题的配置文件（D:\hexo_blog\themes\icarus）<strong>_config.yml</strong>中设置博客头像、昵称、签名、菜单栏改为中文、开启缩略图、分享插件等信息，并可以去掉部分不需要的链接信息，部分配置如下：</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Navigation bar link settings</span></span><br><span class="line">navbar:</span><br><span class="line">    <span class="comment"># Navigation bar menu links</span></span><br><span class="line">    menu:</span><br><span class="line">        主页: /</span><br><span class="line">        归档: /archives</span><br><span class="line">        分类: /categories</span><br><span class="line">        标签: /tags</span><br><span class="line">        关于: /about</span><br></pre></td></tr></table></figure>



</li>
</ul>
<p>  <strong>注意</strong>：_config.xml两个配置文件一个在项目根目录下，一个在主题文件根目录下。</p>
<ul>
<li>​    到此 ，本地hexo博客已经搭建完成，下一步博客部署到Gitee</li>
</ul>
<h1 id="3、本地博客部署到Gitee"><a href="#3、本地博客部署到Gitee" class="headerlink" title="3、本地博客部署到Gitee"></a>3、本地博客部署到Gitee</h1><h2 id="3-1新建仓库"><a href="#3-1新建仓库" class="headerlink" title="3.1新建仓库"></a>3.1新建仓库</h2><p>gitee网址：<a href="https://gitee.com/">https://gitee.com/</a></p>
<p>在gitee上注册账号并新建个人博客仓库</p>
<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316164554516.png" alt="image-20200316164554516"></p>
<ul>
<li>安装hexo git部署工具</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ npm install hexo-deployer-git --save</span><br></pre></td></tr></table></figure>

<ul>
<li><p>在_config.xml配置hexo部署仓库</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Deployment</span></span><br><span class="line"><span class="comment">## Docs: https://hexo.io/docs/deployment.html</span></span><br><span class="line">deploy:</span><br><span class="line">  <span class="built_in">type</span>: git</span><br><span class="line">  repo: https://gitee.com/lei929/lei929.git</span><br><span class="line">  branch: master</span><br></pre></td></tr></table></figure>
</li>
<li><p>执行hexo d命令将博客上传至仓库，首次上传会让填写gitee 账号和密码</p>
</li>
<li><p>开启gitee pages服务</p>
</li>
<li><p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316165003211.png" alt="image-20200316165003211"></p>
</li>
<li><p>开启后使用提供的网址即可访问博客，每次重新上传代码到gitee时都需要点击下图的更新按钮重启page服务</p>
<p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316165120498.png" alt="image-20200316165120498"></p>
</li>
<li><p>在站点配置文件_config.xml设置博客地址，使生成的博客资源可以正常访问</p>
<figure class="highlight xml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"># URL</span><br><span class="line">## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'</span><br><span class="line">url: https://lei929.gitee.io</span><br><span class="line">root: /</span><br></pre></td></tr></table></figure>



</li>
</ul>
<ul>
<li><p>执行hexo clean &amp;&amp; hexo g &amp;&amp; hexo d重新上传博客资源，点击更新后访问博客</p>
<h2 id><a href="#" class="headerlink" title></a></h2></li>
</ul>
<h2 id="3-2添加图片插件"><a href="#3-2添加图片插件" class="headerlink" title="3.2添加图片插件"></a>3.2添加图片插件</h2><ul>
<li>在_config.yml配置文件中，修改为 post_asset_folder: true</li>
<li>安装图片插件</li>
<li>新建一篇文章，会生成</li>
</ul>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-asset-image --save</span><br></pre></td></tr></table></figure>

<h1 id="4、FAQ"><a href="#4、FAQ" class="headerlink" title="4、FAQ"></a>4、FAQ</h1><h2 id="Hexo-init-初始化超时443"><a href="#Hexo-init-初始化超时443" class="headerlink" title="Hexo init 初始化超时443"></a>Hexo init 初始化超时443</h2><p><img src="/2020/03/15/hero%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/image-20200316153302253.png" alt="image-20200316153302253"></p>
<h2 id="gitee域名问题"><a href="#gitee域名问题" class="headerlink" title="gitee域名问题"></a>gitee域名问题</h2><p>如何创建一个首页访问地址不带二级目录的 pages？</p>
<p>git域名之前是这样的，<a href="https://lei929.gitee.io/hexo-blog">https://lei929.gitee.io/hexo-blog</a></p>
<p><strong>你需要建立一个与自己个性地址同名的仓库</strong></p>
<p>如<a href="https://gitee.com/ipvb/ipvb">https://gitee.com/ipvb/ipvb</a> ，这样就可以 <a href="https://ipvb.gitee.io/">https://ipvb.gitee.io</a> 进行访问了</p>
<h2 id="图片显示问题"><a href="#图片显示问题" class="headerlink" title="图片显示问题"></a>图片显示问题</h2><p>按照网上配置之后图片一致出不来，试了好几次发现服务器代码没有被替代，可能有延迟或缓存问题，可以现在本地起服务测试</p>

        </div>
        
        
        
    </div>
</div>



<div class="card">
    <div class="card-content">
        <h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3>
        <div class="buttons is-centered">
            
                
<div class="notification is-danger">
    You forgot to set the <code>qrcode</code> for Alipay. Please set it in <code>_config.yml</code>.
</div>

                
                
<div class="notification is-danger">
    You forgot to set the <code>qrcode</code> for Wechat. Please set it in <code>_config.yml</code>.
</div>

                
                <!-- Visit https://www.paypal.com/donate/buttons/ to get your donate button -->

<div class="notification is-danger">
    You forgot to set the <code>business</code> and <code>currency_code</code> for Paypal. Please set it in <code>_config.yml</code>.
</div>

                
                
<div class="notification is-danger">
    You forgot to set the <code>url</code> Patreon. Please set it in <code>_config.yml</code>.
</div>

                
        </div>
    </div>
</div>



<div class="card card-transparent">
    <div class="level post-navigation is-flex-wrap is-mobile">
        
        <div class="level-start">
            <a class="level level-item has-link-grey  article-nav-prev" href="/2020/03/15/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB%E5%AD%A6%E4%B9%A0/">
                <i class="level-item fas fa-chevron-left"></i>
                <span class="level-item">前端知识体系学习</span>
            </a>
        </div>
        
        
    </div>
</div>


</div>
                

 





<div class="column is-4-tablet is-4-desktop is-3-widescreen  has-order-1 column-left ">
    
        
<div class="card widget">
    <div class="card-content">
        <nav class="level">
            <div class="level-item has-text-centered" style="flex-shrink: 1">
                <div>
                    
                    <figure class="image is-128x128 has-mb-6">
                        <img class="" src="/images/avatar.png" alt="海澈">
                    </figure>
                    
                    <p class="is-size-4 is-block">
                        海澈
                    </p>
                    
                    
                    <p class="is-size-6 is-block">
                        格物致知诚意正心修身
                    </p>
                    
                    
                    <p class="is-size-6 is-flex is-flex-center has-text-grey">
                        <i class="fas fa-map-marker-alt has-mr-7"></i>
                        <span>北京</span>
                    </p>
                    
                </div>
            </div>
        </nav>
        <nav class="level is-mobile">
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        文章
                    </p>
                    <a href="/archives">
                        <p class="title has-text-weight-normal">
                            7
                        </p>
                    </a>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        分类
                    </p>
                    <a href="/categories">
                        <p class="title has-text-weight-normal">
                            0
                        </p>
                    </a>
                </div>
            </div>
            <div class="level-item has-text-centered is-marginless">
                <div>
                    <p class="heading">
                        标签
                    </p>
                    <a href="/tags">
                        <p class="title has-text-weight-normal">
                            0
                        </p>
                    </a>
                </div>
            </div>
        </nav>
        
        <div class="level">
            <a class="level-item button is-link is-rounded" href="https://github.com/ppoffice" target="_blank" rel="noopener">
                关注我</a>
        </div>
        
        
        
        <div class="level is-mobile">
            
            <a class="level-item button is-white is-marginless" target="_blank" rel="noopener"
                title="Github" href="https://github.com/ppoffice">
                
                <i class="fab fa-github"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" rel="noopener"
                title="Facebook" href="https://facebook.com">
                
                <i class="fab fa-facebook"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" rel="noopener"
                title="Twitter" href="https://twitter.com">
                
                <i class="fab fa-twitter"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" rel="noopener"
                title="Dribbble" href="https://dribbble.com">
                
                <i class="fab fa-dribbble"></i>
                
            </a>
            
            <a class="level-item button is-white is-marginless" target="_blank" rel="noopener"
                title="RSS" href="/">
                
                <i class="fas fa-rss"></i>
                
            </a>
            
        </div>
        
    </div>
</div>
    
        

    <div class="card widget" id="toc">
        <div class="card-content">
            <div class="menu">
                <h3 class="menu-label">
                    目录
                </h3>
                <ul class="menu-list"><ul class="menu-list"><li>
        <a class="is-flex" href="#Hexo和Gitee-码云-搭建个人博客记录">
        <span class="has-mr-6">1.1</span>
        <span>Hexo和Gitee(码云)搭建个人博客记录</span>
        </a></li><li>
        <a class="is-flex" href="#Hexo简介">
        <span class="has-mr-6">1.2</span>
        <span>Hexo简介</span>
        </a><ul class="menu-list"><li>
        <a class="is-flex" href="#1、安装Hexo">
        <span class="has-mr-6">1.2.1</span>
        <span>1、安装Hexo</span>
        </a></li></ul></li><li>
        <a class="is-flex" href="#1-1-设置cnpm">
        <span class="has-mr-6">1.3</span>
        <span>1.1 设置cnpm</span>
        </a></li><li>
        <a class="is-flex" href="#1-2-初始化博客">
        <span class="has-mr-6">1.4</span>
        <span>1.2 初始化博客</span>
        </a></li><li>
        <a class="is-flex" href="#1-3-安装hexo-成功">
        <span class="has-mr-6">1.5</span>
        <span>1.3 安装hexo 成功</span>
        </a></li><li>
        <a class="is-flex" href="#1-4-新建博客文章">
        <span class="has-mr-6">1.6</span>
        <span>1.4 新建博客文章</span>
        </a></li><li>
        <a class="is-flex" href="#1-5运行测试">
        <span class="has-mr-6">1.7</span>
        <span>1.5运行测试</span>
        </a></li><li>
        <a class="is-flex" href="#2-使用icarus-主题">
        <span class="has-mr-6">1.8</span>
        <span>2.使用icarus 主题</span>
        </a></li></ul><li>
        <a class="is-flex" href="#3、本地博客部署到Gitee">
        <span class="has-mr-6">2</span>
        <span>3、本地博客部署到Gitee</span>
        </a><ul class="menu-list"><li>
        <a class="is-flex" href="#3-1新建仓库">
        <span class="has-mr-6">2.1</span>
        <span>3.1新建仓库</span>
        </a></li><li>
        <a class="is-flex" href="#">
        <span class="has-mr-6">2.2</span>
        <span></span>
        </a></li><li>
        <a class="is-flex" href="#3-2添加图片插件">
        <span class="has-mr-6">2.3</span>
        <span>3.2添加图片插件</span>
        </a></li></ul></li><li>
        <a class="is-flex" href="#4、FAQ">
        <span class="has-mr-6">3</span>
        <span>4、FAQ</span>
        </a><ul class="menu-list"><li>
        <a class="is-flex" href="#Hexo-init-初始化超时443">
        <span class="has-mr-6">3.1</span>
        <span>Hexo init 初始化超时443</span>
        </a></li><li>
        <a class="is-flex" href="#gitee域名问题">
        <span class="has-mr-6">3.2</span>
        <span>gitee域名问题</span>
        </a></li><li>
        <a class="is-flex" href="#图片显示问题">
        <span class="has-mr-6">3.3</span>
        <span>图片显示问题</span>
        </a></li></ul></li></ul>
            </div>
        </div>
    </div>

    
        <div class="card widget">
    <div class="card-content">
        <div class="menu">
        <h3 class="menu-label">
            链接
        </h3>
        <ul class="menu-list">
        
            <li>
                <a class="level is-mobile" href="https://hexo.io" target="_blank" rel="noopener">
                    <span class="level-left">
                        <span class="level-item">Hexo</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">hexo.io</span>
                    </span>
                </a>
            </li>
        
            <li>
                <a class="level is-mobile" href="https://github.com/ppoffice" target="_blank" rel="noopener">
                    <span class="level-left">
                        <span class="level-item">PPOffice</span>
                    </span>
                    <span class="level-right">
                        <span class="level-item tag">github.com</span>
                    </span>
                </a>
            </li>
        
        </ul>
        </div>
    </div>
</div>

    
        
<div class="card widget">
    <div class="card-content">
        <div class="menu">
            <h3 class="menu-label">
                分类
            </h3>
            <ul class="menu-list">
            
            </ul>
        </div>
    </div>
</div>
    
        
    
    
        <div class="column-right-shadow is-hidden-widescreen ">
        
            <div class="card widget">
    <div class="card-content">
        <h3 class="menu-label">
            最新文章
        </h3>
        
        <article class="media">
            
            <a href="/2020/03/21/node%E7%AC%94%E8%AE%B0/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/thumbnail.svg" alt="node笔记">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2020-03-21T12:54:44.958Z">2020-03-21</time></div>
                    <a href="/2020/03/21/node%E7%AC%94%E8%AE%B0/" class="title has-link-black-ter is-size-6 has-text-weight-normal">node笔记</a>
                    <p class="is-size-7 is-uppercase">
                        
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2020/03/19/promise%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/thumbnail.svg" alt="promise基础学习">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2020-03-19T02:31:00.849Z">2020-03-19</time></div>
                    <a href="/2020/03/19/promise%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/" class="title has-link-black-ter is-size-6 has-text-weight-normal">promise基础学习</a>
                    <p class="is-size-7 is-uppercase">
                        
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2020/03/17/MD%E8%AF%AD%E6%B3%95%E5%81%8F%E5%A5%BD/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/thumbnail.svg" alt="MD语法偏好">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2020-03-17T01:26:59.641Z">2020-03-17</time></div>
                    <a href="/2020/03/17/MD%E8%AF%AD%E6%B3%95%E5%81%8F%E5%A5%BD/" class="title has-link-black-ter is-size-6 has-text-weight-normal">MD语法偏好</a>
                    <p class="is-size-7 is-uppercase">
                        
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2020/03/17/vscode%E8%AE%B0%E5%BD%95/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/thumbnail.svg" alt="vscode记录">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2020-03-17T01:12:12.286Z">2020-03-17</time></div>
                    <a href="/2020/03/17/vscode%E8%AE%B0%E5%BD%95/" class="title has-link-black-ter is-size-6 has-text-weight-normal">vscode记录</a>
                    <p class="is-size-7 is-uppercase">
                        
                    </p>
                </div>
            </div>
        </article>
        
        <article class="media">
            
            <a href="/2020/03/17/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/" class="media-left">
                <p class="image is-64x64">
                    <img class="thumbnail" src="/images/thumbnail.svg" alt="学习方法">
                </p>
            </a>
            
            <div class="media-content">
                <div class="content">
                    <div><time class="has-text-grey is-size-7 is-uppercase" datetime="2020-03-17T01:08:16.872Z">2020-03-17</time></div>
                    <a href="/2020/03/17/%E5%AD%A6%E4%B9%A0%E6%96%B9%E6%B3%95/" class="title has-link-black-ter is-size-6 has-text-weight-normal">学习方法</a>
                    <p class="is-size-7 is-uppercase">
                        
                    </p>
                </div>
            </div>
        </article>
        
    </div>
</div>
        
            <div class="card widget">
    <div class="card-content">
        <div class="menu">
        <h3 class="menu-label">
            归档
        </h3>
        <ul class="menu-list">
        
        <li>
            <a class="level is-marginless" href="/archives/2020/03/">
                <span class="level-start">
                    <span class="level-item">三月 2020</span>
                </span>
                <span class="level-end">
                    <span class="level-item tag">7</span>
                </span>
            </a>
        </li>
        
        </ul>
        </div>
    </div>
</div>
        
            <div class="card widget">
    <div class="card-content">
        <div class="menu">
            <h3 class="menu-label">
                标签
            </h3>
            <div class="field is-grouped is-grouped-multiline">
                
            </div>
        </div>
    </div>
</div>
        
        </div>
    
</div>

                


            </div>
        </div>
    </section>
    <footer class="footer">
    <div class="container">
        <div class="level">
            <div class="level-start has-text-centered-mobile">
                <a class="footer-logo is-block has-mb-6" href="/">
                
                    <img src="/images/logo.svg" alt="hero学习笔记" height="28">
                
                </a>
                <p class="is-size-7">
                &copy; 2020 John Doe&nbsp;
                Powered by <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> & <a
                        href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank" rel="noopener">Icarus</a>
                
                </p>
            </div>
            <div class="level-end">
            
                <div class="field has-addons is-flex-center-mobile has-mt-5-mobile is-flex-wrap is-flex-middle">
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/">
                        
                        <i class="fab fa-creative-commons"></i>
                        
                    </a>
                </p>
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" rel="noopener" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/">
                        
                        <i class="fab fa-creative-commons-by"></i>
                        
                    </a>
                </p>
                
                <p class="control">
                    <a class="button is-white is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus">
                        
                        <i class="fab fa-github"></i>
                        
                    </a>
                </p>
                
                </div>
            
            </div>
        </div>
    </div>
</footer>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script>
<script>moment.locale("zh-CN");</script>


<script>
var IcarusThemeSettings = {
    site: {
        url: 'https://lei929.gitee.io',
        external_link: {"enable":true,"exclude":[]}
    },
    article: {
        highlight: {
            clipboard: true,
            fold: 'unfolded'
        }
    }
};
</script>


<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script>





<script src="/js/animation.js"></script>



<script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/js/lightgallery.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js" defer></script>
<script src="/js/gallery.js" defer></script>



<div id="outdated">
    <h6>Your browser is out-of-date!</h6>
    <p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update
            my browser now </a></p>
    <p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.js" defer></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        outdatedBrowser({
            bgColor: '#f25648',
            color: '#ffffff',
            lowerThan: 'flex'
        });
    });
</script>


<script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.5/unpacked/MathJax.js?config=TeX-MML-AM_CHTML" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    MathJax.Hub.Config({
        'HTML-CSS': {
            matchFontHeight: false
        },
        SVG: {
            matchFontHeight: false
        },
        CommonHTML: {
            matchFontHeight: false
        },
        tex2jax: {
            inlineMath: [
                ['$','$'],
                ['\\(','\\)']
            ]
        }
    });
});
</script>


<a id="back-to-top" title="回到顶端" href="javascript:;">
    <i class="fas fa-chevron-up"></i>
</a>
<script src="/js/back-to-top.js" defer></script>














<script src="/js/main.js" defer></script>

    
    <div class="searchbox ins-search">
    <div class="searchbox-container ins-search-container">
        <div class="searchbox-input-wrapper">
            <input type="text" class="searchbox-input ins-search-input" placeholder="想要查找什么..." />
            <span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="searchbox-result-wrapper ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
    (function (window) {
        var INSIGHT_CONFIG = {
            TRANSLATION: {
                POSTS: '文章',
                PAGES: '页面',
                CATEGORIES: '分类',
                TAGS: '标签',
                UNTITLED: '(无标题)',
            },
            CONTENT_URL: '/content.json',
        };
        window.INSIGHT_CONFIG = INSIGHT_CONFIG;
    })(window);
</script>
<script src="/js/insight.js" defer></script>
<link rel="stylesheet" href="/css/search.css">
<link rel="stylesheet" href="/css/insight.css">
    
</body>
</html>